@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { background:#FFF;color:#333; font: 14px/1.5 '\5FAE\8F6F\96C5\9ED1';}
.wrap{width:1200px;margin:0 auto;}
/**/
.banner{height:654px;background:url(../leaflet-gfwx/banner.jpg) no-repeat center;overflow: hidden;}
.logo a{display: block;width:229px;height:63px;background: url(../leaflet-gfwx/logo.png) no-repeat;background-size:100% 100%;text-indent: -9999px;margin-left:233px;}
.logo span{display: block;width:229px;height:63px;background: url(../leaflet-gfwx/logo.png) no-repeat;background-size:100% 100%;text-indent: -9999px;margin-left:233px;}
.banner .wx{width:330px;height:535px;background-color:#eee;margin:25px 0 0 832px;overflow: hidden;text-align: center;}
.banner .wx .p1{font-size: 36px;color:#050b59;margin-top:15px;}
.banner .wx .p2{font-size: 55px;color:#050b59;margin-top:-5px;}
.banner .wx .p2 span{color:#fc4006;}
.banner .wx .wx-b{width:255px;height:255px;margin: 0 auto;background: url(../leaflet-gfwx/wxb.png) no-repeat;background-size:100% 100%;}
.banner .wx .wx-b img{width:235px;height:235px;margin-top:10px;}
.banner .wx .p3{font-size: 30px;color:#050b59;margin-top:10px;}
.banner .wx .p4{width:245px;height:45px;line-height:45px;font-size: 24px;color:#fff;margin:10px auto 0;background-color:#080E5A;border-radius: 5px;}
.con1{overflow: hidden;}
.title1{width:824px;height:108px;margin:60px auto 0;background:url(../leaflet-gfwx/title1.png) no-repeat;}
.con1-bg{width:1120px;height:561px;margin:0 auto;background:url(../leaflet-gfwx/c1.png) no-repeat;}
.btn{width:438px;height:109px;margin:0 auto;background: url(../leaflet-gfwx/btn.png) no-repeat;color:#fff;font-size:48px;font-weight: bold;text-align: center;line-height: 95px;}
.btn{-webkit-animation: aa 0.4s infinite ease-in-out } 
.animated{ 
-webkit-animation-duration: 0.4s; 
animation-duration: 0.4s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both } 
@-webkit-keyframes aa{ 
0%{ font-size: 44px;} 
100%{font-size:48px; } 
}
@keyframes twinkling{ 
0%{ font-size: 44px;} 
100%{ font-size:48px; } 
}
.con2{overflow: hidden;height:1165px;background: url(../leaflet-gfwx/bg2.jpg) no-repeat;}
.title2{width:824px;height:107px;margin:60px auto 0;background:url(../leaflet-gfwx/title2.png) no-repeat;}
.con2-bg{width:1122px;height:827px;margin:0 auto;background:url(../leaflet-gfwx/c2.png) no-repeat;}
.con3{overflow: hidden;}
.title3{width:825px;height:102px;margin:60px auto 0;background:url(../leaflet-gfwx/title3.png) no-repeat;}
.con3-bg{width:1122px;height:517px;margin:0 auto;background:url(../leaflet-gfwx/c3.png) no-repeat;}
.con4{overflow: hidden;}
.title4{width:825px;height:98px;margin:60px auto 0;background:url(../leaflet-gfwx/title4.png) no-repeat;}
.con4-bg{width:1122px;height:492px;margin:0 auto;background:url(../leaflet-gfwx/c4.png) no-repeat;}
.fixed{width:330px;height:535px;background-color:#eee;overflow: hidden;text-align: center;position: fixed;right: 10px;top:100px;display:none;}
.fixed .guan{position: absolute;right:0;top:0;}
.fixed .p1{font-size: 36px;color:#050b59;margin-top:15px;}
.fixed .p2{font-size: 55px;color:#050b59;margin-top:-5px;}
.fixed .p2 span{color:#fc4006;}
.fixed .wx-b{width:255px;height:255px;margin: 0 auto;background: url(../leaflet-gfwx/wxb.png) no-repeat;background-size:100% 100%;}
.fixed .wx-b img{width:235px;height:235px;margin-top:10px;}
.fixed .p3{font-size: 30px;color:#050b59;margin-top:10px;}
.fixed .p4{width:245px;height:45px;line-height:45px;font-size: 24px;color:#fff;margin:10px auto 0;background-color:#080E5A;border-radius: 5px;}
.tan{width:100%;height:100%;position: fixed;top:0;    background-color: rgba(0, 0, 0, 0.7);display: none;}
.tan-bg{width:540px;height:380px;margin:10% auto 0;background: url(../leaflet-gfwx/tan.jpg) no-repeat;position: relative;}
.guan{width:36px;height:36px;background:url(../leaflet-gfwx/guan.png) no-repeat;position: absolute;top:-15px;right:-15px;}
.tan-bg img{width:180px;height:180px;margin:115px 0 0 63px;}
.tan-bg .p1{width:198px;text-align: center;color:#fff;font-size: 18px;float: right;margin:216px 51px 0 0;}
.foot{text-align: center;font-size:20px;color:#252525;padding:20px 0;margin-top:50px;}
@media screen and (max-width: 1440px) {
.fixed{width:250px;height:405px;background-color:#eee;overflow: hidden;text-align: center;position: fixed;right: 10px;top:100px;display:none;}
.fixed .p1{font-size: 22px;color:#050b59;margin-top:5px;}
.fixed .p2{font-size:34px;color:#050b59;margin-top:-5px;}
.fixed .wx-b{width:195px;height:195px;margin: 0 auto;background: url(../leaflet-gfwx/wxb.png) no-repeat;background-size:100% 100%;}
.fixed .wx-b img{width:180px;height:180px;margin-top:10px;}
.fixed .p3{font-size: 20px;color:#050b59;margin-top:10px;}
.fixed .p4{width:175px;height:30px;line-height:30px;font-size: 16px;color:#fff;margin:5px auto 0;background-color:#080E5A;border-radius: 5px;}
}
@media screen and (max-width: 1366px) {
.fixed{width:210px;height:340px;background-color:#eee;overflow: hidden;text-align: center;position: fixed;right: 10px;top:100px;display:none;}
.fixed .p1{font-size: 22px;color:#050b59;margin-top:5px;}
.fixed .p2{font-size:34px;color:#050b59;margin-top:-5px;}
.fixed .wx-b{width:175px;height:175px;margin: 0 auto;background: url(../leaflet-gfwx/wxb.png) no-repeat;background-size:100% 100%;}
.fixed .wx-b img{width:160px;height:160px;margin-top:7px;}
.fixed .p3{font-size: 20px;color:#050b59;margin-top:10px;}
.fixed .p4{width:175px;height:30px;line-height:30px;font-size: 16px;color:#fff;margin:5px auto 0;background-color:#080E5A;border-radius: 5px;}
}